<template>
  <div class="default-page">
    <img class="logo" :src="logo" alt>
    <p class="text">{{text}}</p>
  </div>
</template>
<script>
export default {
  name: 'default-page',
  props: {
    text: String,
    required: true
  },
  data() {
    return {
      logo: require('@/assets/img/default.png')
    }
  }
}
</script>
<style lang="less" scoped>
.default-page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .logo {
    width: 2.12rem;
    height: 2rem;
  }
  .text {
    color: #999999;
    font-size: 0.28rem;
    margin-top: 0.36rem;
  }
}
</style>
